import React,{Component} from "react";

export default class WebWorkShop extends Component {
    render() {
        return (
            <div>
                <div className="banner-gzf">
                    <div className="banner-subTit">
                        <h1>数字化转型工作坊</h1>
                        <p>赋能企业管理者与核心骨干，贯通企业数字化</p>
                        <a href="/">获取定制方案</a>
                    </div>
                </div>
                <div className="gzfBox">
                    <div className="subTit">
                        <ul className="clearfix">
                            <li><a className="on" href="/">产品概述</a></li>
                            <li><a href="/">产品特点</a></li>
                            <li><a href="/">培训方式</a></li>
                            <li><a href="/">培训主题</a></li>
                            <li><a href="/">成功案例</a></li>
                        </ul>
                    </div>

                    {/* 产品概述 */}
                    <div className="gzf-overview shadow">
                        <h1>产品概述</h1>
                        <p className="subH">工作坊是针对企业中高层管理者、业务骨干、技术骨干，以专家指导共创应用方案的培训模式</p>
                        <ul className="clearfix">
                            <li>
                                <img alt="1" src="img/img_01/gs_01.png"/>
                                <p>规划难题</p>
                                <span>数字化战略和顶层设计</span>
                            </li>
                            <li>
                                <img alt="1" src="img/img_01/gs_02.png"/>
                                <p>共识难题</p>
                                <span>管理者对数字化转型的认知</span>
                            </li>
                            <li>
                                <img alt="1" src="img/img_01/gs_03.png"/>
                                <p>融合难题</p>
                                <span>业务与技术的深度融合</span>
                            </li>
                            <li>
                                <img alt="1" src="img/img_01/gs_04.png"/>
                                <p>引领落地困境</p>
                                <span>数字化领导力和方法路径</span>
                            </li>
                            <li>
                                <img alt="1" src="img/img_01/gs_05.png"/>
                                <p>组织赋能困境</p>
                                <span>组织结构、人才梯队、组织能力的支撑</span>
                            </li>
                        </ul>
                    </div>

                    {/* 产品特点 */}
                    <div className="gzf-feature">
                        <h1>产品特点</h1>
                        <div className="gzf-f-box">
                            <div className="gzf-imgBox">
                                <div className="img_l" style={{display: 'block'}}>
                                    <img alt="1" src="img/img_01/gzf-01-on.png" />
                                    <span className="f-txtWrap">
                                        <h2>个性化定制</h2>
                                        <b className="line-blue"></b>
                                        <p>沟通调研+现状诊断</p>
                                    </span>
                                </div>
                                <div className="img_s" style={{display: 'none'}}>
                                    <img alt="1" src="img/img_01/gzf-01.png" />
                                    <span>个性化定制</span>
                                </div>
                            </div>
                            <div className="gzf-imgBox">
                                <div className="img_l" style={{display: 'none'}}>
                                    <img alt="1" src="img/img_01/gzf-02-on.png" />
                                    <span className="f-txtWrap">
                                        <h2>团队共创</h2>
                                        <b className="line-blue"></b>
                                        <p>共同研讨+激发灵感</p>
                                    </span>
                                </div>
                                <div className="img_s" style={{display: 'block'}}>
                                    <img alt="1" src="img/img_01/gzf-02.png" />
                                    <span>团队共创</span>
                                </div>
                            </div>
                            <div className="gzf-imgBox">
                                <div className="img_l" style={{display: 'none'}}>
                                    <img alt="1" src="img/img_01/gzf-03-on.png" />
                                    <span className="f-txtWrap">
                                        <h2>高效认知工具</h2>
                                        <b className="line-blue"></b>
                                        <p>模型、画布、沙盘等辅助协作</p>
                                    </span>
                                </div>
                                <div className="img_s" style={{display: 'block'}}>
                                    <img alt="1" src="img/img_01/gzf-03.png" />
                                    <span>高效认知工具</span>
                                </div>
                            </div>
                            <div className="gzf-imgBox">
                                <div className="img_l" style={{display: 'none'}}>
                                    <img alt="1" src="img/img_01/gzf-04-on.png" />
                                    <span className="f-txtWrap">
                                        <h2>输出成果</h2>
                                        <b className="line-blue"></b>
                                        <p>输出可参考的解决方案、行动指南</p>
                                    </span>
                                </div>
                                <div className="img_s" style={{display: 'block'}}>
                                    <img alt="1" src="img/img_01/gzf-04.png" />
                                    <span>输出成果</span>
                                </div>
                            </div>
                            
                        </div>
                    </div>

                    <div className="gzf-train">
                        <h1>培训方式</h1>
                        <img alt="1" src="img/img_01/gzf-train.png"/>
                    </div>

                    <div className="gzf-topic">
                        <h1>培训主题</h1>
                        <div className="clearfix">
                            <ul>
                                <li><span className="on">数字化顶层设计</span></li>
                                <li><span>数字化业务架构</span></li>
                                <li><span>数据创造力</span></li>
                                <li><span>转型领导力</span></li>
                                <li><span>人才与组织</span></li>
                            </ul>
                            <div className="line"></div>
                            <div className="topic-content topic_01">
                                <div className="topicwrap">
                                    <h2>数字化转型是一个系统工程，要有全景式视角的顶层设计指导战略方向，确定目标和节奏。</h2>
                                    <img alt="1" src="img/img_01/topic-pic01.png"/>
                                    <p>
                                        •  数字化转型加速器：从战略设计到业务落地 工作坊<br />
                                        •  数字化转型战略解码 工作坊
                                    </p>
                                </div>
                            </div>
                            <div className="topic-content topic_02" style={{display: 'none'}}>
                                <div className="topicwrap">
                                    <h2>梳理企业数字化需求，搭建业务架构，制定数字化解决方案，实现业务与技术深度融合。</h2>
                                    <img alt="1" src="img/img_01/topic-pic02.png"/>
                                    <p>
                                        •  银行数字化转型业务架构设计 工作坊<br />
                                        •  智能工厂打造 工作坊
                                    </p>
                                </div>
                            </div>
                            <div className="topic-content topic_03" style={{display: 'none'}}>
                                <div className="topicwrap">
                                    <h2>将数据作为生产要素，以数据技术释放的“数字力”驱动商业进化，促进数字化转型提速。</h2>
                                    <img alt="1" src="img/img_01/topic-pic03.png"/>
                                    <p>
                                        •  数据驱动增长 工作坊<br />
                                        •  银行数据建模师 工作坊
                                    </p>
                                </div>
                            </div>
                            <div className="topic-content topic_04" style={{display: 'none'}}>
                                <div className="topicwrap">
                                    <h2>拥有“数字化思维与运营管理能力”的是实干变革型领导者，是企业数字化转型的重要推手。</h2>
                                    <img alt="1" src="img/img_01/topic-pic04.png"/>
                                    <p>
                                        •  数字化变革领导力 工作坊<br />
                                        •  敏捷项目管理 工作坊<br />
                                        •  产品思维与产品创新 工作坊
                                    </p>
                                </div>
                            </div>
                            <div className="topic-content topic_05" style={{display: 'none'}}>
                                <div className="topicwrap">
                                    <h2>要落实数字化组织管理、搭建数字化人才梯队，需要从“一把手”工程升级为“一盘棋”工程。</h2>
                                    <img alt="1" src="img/img_01/topic-pic05.png"/>
                                    <p>
                                        •  HR数字化转型 工作坊<br />
                                        •  数字化转型官
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div className="gzf-case clearfix">
                        <h1>成功案例</h1>
                        
                        <div className="caseBox">
                            <div className="circle"></div>
                            <div className="box">
                                <div className="caseLogo">
                                    <img alt="1" src="img/img_01/case.png"/>
                                </div>
                                <div className="caseWrap">
                                    <h2>时代集团：建立智能物联网培养体系</h2>
                                    <span>方案：智能制造工业物联网</span>
                                    <b></b>
                                    <p>时代集团在业内率先将云技术应用于检测仪器，实现仪器自主入网，并不遗余力建设智能制造云服务平台，实现了物物连接。今年，时代集团将投入智能物联网升级项目，这是一次深刻的产品创新。智能物联网将集用户、设备、服务为一体，为客户持续创造增值价值。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        )
    }
}